<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="../base.jsp" %>
<html>
<head>
    <title>疾病知识</title>

</head>
<body>

<jsp:include page="../head.jsp"></jsp:include>
<div id="app">
    <ul class="nav nav-tabs nav-justified">
        <li role="presentation" class="active:shows==1" @click="fun1() "><a href="/cdata/map.do">疫情地图</a></li>
        <li role="presentation" class="active:shows==2" @click="fun2()"><a href="/knowledge/list.do">疾病知识</a></li>
        <li role="presentation" class="active:shows==3" @click="fun3()"><a href="/work/list.do">抗疫作品</a></li>
    </ul>
</div>

<div id="app00">
    <el-container>
        <el-main>
            <div id="app04">
                <el-row class="el-row">
                    <el-col :span="24">
                        <el-card class="box-card" shadow="hover" :body-style="{ padding: '0px' }">
                            <img src="${ctx}/img/xgbd.jpg" class="image">
                            <div slot="header" class="clearfix" style="font-weight: bold">
                                <span>什么是新型冠状病毒？</span>
                            </div>
                            <div class="text item" style="padding: 14px;">
                        <span>此次流行的冠状病毒为一种新发现的冠状病毒，国际病毒分类委员会命名为 SARS-Cov-2。
                            因为人群缺少对新型病毒株的免疫力，所以人群普遍易感。</span>
                                <a href="/knowledge/one.do"><el-button class="button" style="float: right; padding: 3px 0" type="text">查看详情</el-button></a>
                            </div>
                        </el-card>
                    </el-col>
                </el-row>
                <el-divider></el-divider>


                <el-row class="el-row">
                    <el-col :span="24">
                        <el-card class="box-card" shadow="hover" :body-style="{ padding: '0px' }">
                            <img src="${ctx}/img/a.png" class="image">
                            <div slot="header" class="clearfix" style="font-weight: bold">
                                <span>感染症状有哪些？</span>
                            </div>
                            <div class="text item" style="padding: 14px;">
                                <span>出现什么症状可能感染了新型冠状病毒？在家如何做好自我隔离？</span>
                                <a href="/knowledge/two.do"><el-button style="float: right; padding: 3px 0" type="text">查看详情</el-button></a>
                            </div>
                        </el-card>
                    </el-col>
                </el-row>
                <el-divider></el-divider>


                <el-row class="el-row">
                    <el-col :span="24">
                        <el-card class="box-card" shadow="hover" :body-style="{ padding: '0px' }">
                            <img src="${ctx}/img/b.jpg" class="image">
                            <div slot="header" class="clearfix" style="font-weight: bold">
                                <span>冠状病毒怎么传播？</span>
                            </div>
                            <div class="text item" style="padding: 14px;">
                                <span>新型冠状病毒肺炎如何传播？什么是可疑暴露者？什么是密切接触者？</span>
                                <a href="/knowledge/three.do"><el-button style="float: right; padding: 3px 0" type="text">查看详情</el-button></a>
                            </div>
                        </el-card>
                    </el-col>
                </el-row>
                <el-divider></el-divider>

                <el-row class="el-row">
                    <el-col :span="24">
                        <el-card class="box-card" shadow="hover" :body-style="{ padding: '0px' }">
                            <img src="${ctx}/img/c.jpg" class="image">
                            <div slot="header" class="clearfix" style="font-weight: bold">
                                <span>如何做好预防免感染？</span>
                            </div>
                            <div class="text item" style="padding: 14px;">
                                <span>如何预防新型冠状病毒感染？怎样选择口罩？怎样洗手才有效？</span>
                                <a href="/knowledge/four.do"><el-button style="float: right; padding: 3px 0" type="text">查看详情</el-button></a>
                            </div>
                        </el-card>
                    </el-col>
                </el-row>
                <el-divider></el-divider>
                <el-row class="el-row">
                    <el-col :span="24">
                        <el-card class="box-card" shadow="hover" :body-style="{ padding: '0px' }">
                            <img src="${ctx}/img/d.png" class="image">
                            <div slot="header" class="clearfix" style="font-weight: bold">
                                <span>日常防护该怎么做？</span>
                            </div>
                            <div class="text item" style="padding: 14px;">
                                <span>家中如何做好消毒工作？武汉发过来的快递该如何处理？</span>
                                <a href="/knowledge/five.do"><el-button style="float: right; padding: 3px 0" type="text">查看详情</el-button></a>
                            </div>
                        </el-card>
                    </el-col>
                </el-row>
                <el-divider></el-divider>

                <el-row class="el-row">
                    <el-col :span="24">
                        <el-card class="box-card" shadow="hover" :body-style="{ padding: '0px' }">
                            <img src="${ctx}/img/e.png" class="image">
                            <div slot="header" class="clearfix" style="font-weight: bold">
                                <span>如何确诊感染？</span>
                            </div>
                            <div class="text item" style="padding: 14px;">
                                <span>新型冠状病毒肺炎患者有什么临床表现？如何鉴别诊断新型冠状病毒肺炎？</span>
                                <a href="/knowledge/six.do"><el-button style="float: right; padding: 3px 0" type="text">查看详情</el-button></a>
                            </div>
                        </el-card>
                    </el-col>
                </el-row>
                <el-divider></el-divider>

                <el-row class="el-row">
                    <el-col :span="24">
                        <el-card class="box-card" shadow="hover" :body-style="{ padding: '0px' }">
                            <img src="${ctx}/img/f.png" class="image">
                            <div slot="header" class="clearfix" style="font-weight: bold">
                                <span>感染后如何进行治疗？</span>
                            </div>
                            <div class="text item" style="padding: 14px;">
                                <span>感染了新型冠状病毒一定会得肺炎吗？如果怀疑自己得了新型冠状病毒肺炎，去医院需要注意什么？</span>
                                <a href="/knowledge/seven.do"><el-button style="float: right; padding: 3px 0" type="text">查看详情</el-button></a>
                            </div>
                        </el-card>
                    </el-col>
                </el-row>
            </div>
        </el-main>
    </el-container>
</div>

<jsp:include page="../footer.jsp"></jsp:include>


<script>
    new Vue().$mount('#app00')
    new Vue().$mount('#app04')
    new Vue({
        el: '#app',
        methods: {
            fun1: function () {
                this.shows = 1;
            },
            fun2: function () {
                this.shows = 2;
            },
            fun3: function () {
                this.shows = 3;
            },
        }
    })
</script>
</body>
</html>
